<template>
  <a-input
    :value="modelValue"
    placeholder="请选择部门"
    @input="changeInputValue"
  />
</template>

<script lang="ts" setup>
  // defineProps(['departmentId']);
  defineProps(['modelValue']);
  const emit = defineEmits(['update:modelValue']);
  function changeInputValue(val: any) {
    // $emit('update:modelValue', $event.target.value)
    console.log('DepartmentCascaderMultiple: ', val);
    emit('update:modelValue', val);
  }
</script>

<style scoped lang="less">
  .container-breadcrumb {
    margin: 16px 0;
    :deep(.arco-breadcrumb-item) {
      color: rgb(var(--gray-6));
      &:last-child {
        color: rgb(var(--gray-8));
      }
    }
  }
</style>
